﻿@page "/todo"

<h1>ToDo(@toDoItems.Where(x => !x.IsDone).Count())</h1>

<ul>
    @foreach (var item in toDoItems)
    {
        <li><input type="checkbox" bind="@item.IsDone" /></li>
        <li><input bind="@item.Title" /></li>
    }
</ul>

<input placeholder="SomeThings to Do" bind="@newTodo" />
<button onclick="@AddToDo">Add ToDo</button>

@functions{

    List<ToDoItem> toDoItems = new List<ToDoItem>();
    string newTodo;

    void AddToDo()
    {
        if (!string.IsNullOrEmpty(newTodo))
        {
            toDoItems.Add(new ToDoItem() { Title = newTodo, IsDone = false });

            newTodo = string.Empty;
        }
    }
}